<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title> URTC DEMO PureJS </title>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link type="text/css" rel="stylesheet" href="css/index.css"/>
    <link type="text/css" rel="stylesheet" href="css/mediaPlayer.css"/>
  </head>
  <body>
    <div class="App">
      <div class="room">
        <label>房间号：<span id="roomId"></span>（<span id="roomStatus">未加入</span>）</label>
        <p>当前选中的流：<span id="selectedStream">未选择</span></p>
        <h3>本地（发布）流</h3>
        <div id="pushers"></div>
        <h3>远端（订阅）流</h3>
        <div id="pullers"></div>
        <h3>操作</h3>
        <button id="joinRoomBtn">加入房间</button>
        <button id="publishBtn">发布</button>
        <button id="publishScreenBtn">屏幕共享</button>
        <button id="unPublishBtn">取消发布/屏幕共享</button>
        <button id="subscribeBtn">订阅</button>
        <button id="unSubscribeBtn">取消订阅</button>
        <button id="leaveRoomBtn">离开房间</button>
      </div>
      <br/>
      <a href="https://github.com/ucloud/urtc-sdk-web" target="_blank" rel="noopener noreferrer">
        API 文档请看这里
      </a>
    </div>
    <script type="text/javascript" src="https://ucloud.github.io/urtc-sdk-web/lib/index.js"></script>
    <script type="text/javascript" src="js/config.js"></script>
    <script type="text/javascript" src="js/index.js"></script>
  </body>
</html>